<template>
  <div>props-child - {{ count }} - {{ num }}</div>
</template>

<script>
import { ref, onMounted } from "vue";
export default {
  // props也是不能写到setup里面
  props: {
    count: Number,
  },
  // setup的第一个参数是props
  // 将props的值作为组件的data的默认值的时候
  // props不能直接解构，它会消除响应式

  // 第二个参数是context

  // 在setup里面无法访问data,computed,methods,refs
  setup(props, { emit }) {
    // console.log(context);
    const num = ref(props.count);

    onMounted(() => {
      emit("aaa");
    });

    return {
      num,
    };
  },

  data() {
    return {
      name: "zhangsan",
    };
  },
};
</script>

<style lang="less" scoped></style>
